<template>
	<view>


		<view class="uni-padding-wrap">
			<view class="page-section swiper">
				<view>
					<swiper class="swiper" :indicator-dots="indicatorDots" :autoplay="autoplay" :interval="interval"
						:duration="duration" :circular="true" indicator-color="#8a8a8a" indicator-active-color="#fff">
						<swiper-item style="position: relative;">
							<image src="https://img.xieling.top/10001.jpg" mode="widthFix"
								style="width: 100%;position: absolute;"></image>
							<view style="position: absolute;width: 90%;top: 350rpx;left: 50rpx;">
								<image src="https://img.xieling.top/10005.jpg" mode="widthFix" style="width: 150rpx;">
								</image>
								<view style="color: #f3e0bc;font-size: 50rpx;margin-top: 20rpx;">在鲸探,</view>
								<view style="color: #f3e0bc;font-size: 50rpx;margin-top: 20rpx;">开启数字藏品的</view>
								<view style="color: #f3e0bc;font-size: 50rpx;margin-top: 20rpx;">奇幻旅程</view>
								<view style="color: #a0a09f;margin-top: 20rpx;">
									鲸探是一款基于蚂蚁链技术，集数字藏品购买、收藏、观赏以及分享于一体的应用。来鲸探，发现更多有趣好玩的数字藏品吧！</view>
							</view>
						</swiper-item>
						<swiper-item>
							<image src="https://img.xieling.top/10003.jpg" mode="widthFix"
								style="width: 100%;position: absolute;"></image>
							<view style="position: absolute;width: 90%;top: 350rpx;left: 50rpx;">
								<image src="https://img.xieling.top/10005.jpg" mode="widthFix" style="width: 150rpx;">
								</image>
								<view style="color: #f3e0bc;font-size: 50rpx;margin-top: 20rpx;">在鲸探,</view>
								<view style="color: #f3e0bc;font-size: 50rpx;margin-top: 20rpx;">开启数字藏品的</view>
								<view style="color: #f3e0bc;font-size: 50rpx;margin-top: 20rpx;">奇幻旅程</view>
								<view style="color: #a0a09f;margin-top: 20rpx;">
									鲸探是一款基于蚂蚁链技术，集数字藏品购买、收藏、观赏以及分享于一体的应用。来鲸探，发现更多有趣好玩的数字藏品吧！</view>
							</view>
						</swiper-item>
					</swiper>
				</view>
			</view>
			<view style="height: 10vh;background-color: #000000;">
				<button type="default"
					style="width: 80%;border-radius: 50rpx;background-color: #f3e0bc;">下载鲸探App</button>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				indicatorDots: true,
				autoplay: false,
				interval: 2000,
				duration: 500
			}
		},
		methods: {
			nav_back(){
				uni.navigateBack({
					delta:1
				})
			}
		}
	}
</script>

<style>
	.u-nav-slot{
		display: flex;
		justify-content: space-around;
		align-items: center;
	}
	.uni-margin-wrap {
		width: 690rpx;
		width: 100%;
		;
	}

	.swiper {
		height: 90vh;
	}

	.swiper-item {
		display: block;
		height: 300rpx;
		line-height: 300rpx;
		text-align: center;
	}




	.uni-padding-wrap {
		/* width:550rpx; */
		/* padding:0 100rpx; */
	}
</style>
